<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>星空健康</title>
    <script src="../js/vue.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/axios-0.18.0.js"></script>
    <link rel="stylesheet" href="../plugins/elementui/index.css">
    <script src="../plugins/elementui/index.js"></script>
</head>
<body style="background-image: url(../img/star3.jpg)">

<div id="app">
    <el-container >
        <el-header><a href="main.html"><img width="100px" height="50px" src="../img/logo1.jpg"></a>
        </el-header>
    </el-container>

    <el-container id="container" style="height:900px; border: 1px solid #eee">
        <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
            <el-menu :default-openeds="['1', '3']">
                <el-submenu v-for="menu in menuList" index="menu.path">
                    <template  slot="title">
                        {{menu.title}}
                    </template>
                    <template v-for="child in menu.children">
                        <el-menu-item :index="child.path">
                            <a :href="child.linkUrl" target="right">{{child.title}}</a>
                        </el-menu-item>
                    </template>
                </el-submenu>
            </el-menu>
        </el-aside>

        <el-container >
            <iframe name="right" class="el-main" src="" width="100%" height="580px" frameborder="0"></iframe>
        </el-container>
    </el-container>

    <style>
        .el-header {
            background-color: #B3C0D1;
            color: #333;
            line-height: 60px;
        }

        .el-aside {
            color: #333;
        }
    </style>
</div>
<script>
    new Vue({
        el:"#app",
        data:{
            menuList:[
                {
                    "path": "1",
                    "title": "工作台",
                    "icon":"fa-dashboard",
                    "children": []
                },{
                    "path": "2",
                    "title": "会员管理",
                    "icon":"fa-user-md",
                    "children": [{
                        "path": "/2-1",
                        "title": "会员档案",
                        "linkUrl":"member.html",
                        "children":[]
                    },{
                        "path": "/2-2",
                        "title": "体检上传",
                        "children":[]
                    },{
                        "path": "/2-3",
                        "title": "会员统计",
                        "linkUrl":"all-item-list.html",
                        "children":[]
                    }]
                },{
                    "path": "3",
                    "title": "预约管理",
                    "icon":"fa-tty",
                    "children":[
                        {
                            "path": "/3-1",
                            "title": "预约列表",
                            "linkUrl":"ordersettinglist.html",
                            "children":[]
                        },
                        {
                            "path": "/3-2",
                            "title": "预约设置",
                            "linkUrl":"ordersetting.html",
                            "children":[]
                        },{
                            "path": "/3-3",
                            "title": "套餐管理",
                            "linkUrl":"setmeal.html",
                            "children":[]
                        },
                        {
                            "path": "/3-4",
                            "title": "检查组管理",
                            "linkUrl":"checkgroup.html",
                            "children":[]
                        },
                        {
                            "path": "/3-5",
                            "title": "检查项管理",
                            "linkUrl":"checkitem.html",
                            "children":[]
                        }
                    ]
                },
                {
                    "path": "4",
                    "title": "健康评估",
                    "icon":"fa-stethoscope",
                    "children":[{
                        "path": "/4-1",
                        "title": "中医体质辨识",
                        "linkUrl":"all-medical-list.html",
                        "children":[]
                    },{
                        "path": "5",     //菜单项所对应的路由路径
                        "title": "统计分析",     //菜单项名称
                        "icon":"fa-heartbeat",
                        "children":[{
                            "path": "/5-1",
                            "title": "工作量统计",
                            "linkUrl":"all-medical-list.html",
                            "children":[]
                        }]
                    }]
                },
            ]
        },
        methods:{
        }
    });
    let elementById = document.getElementById("container");
    let height = window.screen.height;
    elementById.style.height=height+"px";

</script>

</body>
<style>
    a{
        text-decoration:none;
        color: black;
    }
    /*body{*/
    /*    background:#000000;opacity:0.5;*/
    /*}*/
</style>
</html>